// 图片预览样式
.preview {
    background-color: #eceeed;
}

.preview .ivu-card-body {
    padding-left: 0px;
}

.magnify-img .preview_img {
    width: 100%;
    height: 500px;
    position: relative;
}

.preview_img img {
    max-height: 400px;
    // max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.file-box {
    width: 100%;
    height: 100%;
}

.pdf,
.img,
.video {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

video,
img,
embed {
    max-width: 100%;
    max-height: 100%;
}

.preview_img .magnify-footer {
    width: 400px;
    bottom: -5px;
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
}

.magnify-toolbar .ivu-btn-primary {
    margin-bottom: 10px;
}

// 缩略图
.thum {
    position: relative;
    padding-top: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}

.thum>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    margin: 0 5px;
    border: 3px solid transparent;
}

.thum>li.cur {
    border-color: #09a3e4;
}

.thum>li img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}